<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
      <title>CSS Test: move region content to a flow</title>
      <link rel="author" title="Vincent Hardy, Adobe Systems" href="mailto:vhardy@adobe.com"/>
      <link rel="help" href="http://dev.w3.org/csswg/css3-regions/#the-flow-into-property"/>
      <link rel="match" href="regions-flow-descendants-ref.xht"/>
      <meta name="flags" content=""/>
      <meta name="assert" content=
      "The content of a region element can be placed into a named flow, just like any other element content."/>
      <style>
      /*<![CDATA[*/
html, body {
  /* Needed only if height:auto not implemented yet by UA */
  height: 100%;
}

.child {
  width: 40px;
  height: 40px;
  border: 1px solid lime;
}

.grand-child {
  width: 20px;
  height: 20px;
  border: 1px solid lime;
}

#box-flow {
  flow-into: box-flow;
}
          /*]]>*/
          </style>
      </head>

      <body>
          <div id="box">
              <div class="child"></div>
              <div class="child"></div>
              <div class="grand-child"></div>
              <div class="child"></div>
          </div>

          <div id="other-box"></div>
      </body>
      </html>
